<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小米商城</title>
    <link rel="shortcut icon" href="./img/favicon.ico" />
    <link rel="stylesheet" href="./css/TBreset.css">
    <link rel="stylesheet" href="./css/style.css" />
    <script src="./js/axios.min.js"></script>
    <link
      rel="stylesheet"
      href="//at.alicdn.com/t/font_3205612_byssffnjp8l.css"
    />
  </head>
  <body>
    <!-- * 一 -->
    <header class="header">
      <div class="header__navigation-box">
        <ul class="header__navigation-big">
          <li>小米商城</li>
          <span>|</span>
          <li>MIUI</li>
          <span>|</span>
          <li>loT</li>
          <span>|</span>
          <li>云服务</li>
          <span>|</span>
          <li>天星数科</li>
          <span>|</span>
          <li>有品</li>
          <span>|</span>
          <li>小爱开放平台</li>
          <span>|</span>
          <li>企业团购</li>
          <span>|</span>
          <li>资质证照</li>
          <span>|</span>
          <li>协议规则</li>
          <span>|</span>
          <li class="header__navigation-QRCode">下载app</li>
          <span>|</span>
          <li>Select Location</li>
        </ul>

        <!-- * 登录,注册 -->
        <ul class="header__navigation-sml">
          <li class="header__login-btn">登录</li>
          <span>|</span>
          <li class="header__register-btn">注册</li>
          <span>|</span>
          <li>消息通知</li>
        </ul>

        <!-- * 购物车 -->
        <ul class="header__navigation-cart">
          <li class="iconfont icon-shoppingcart">购物车<span>(0)</span></li>
        </ul>

        <!-- * 二维码 -->
        <span class="header__QRCode-triangle"></span>
        <span class="header__QRCode-box">
          <img src="./img/download.png" alt="" />
          <p>小米商城APP</p>
        </span>

        <!-- * 购物车框 -->
        <div class="header__cart-box">购物车中还没有商品!赶紧选购吧~</div>
      </div>

      <!-- * 二 -->
      <div class="header__navigation-box2">
          <div class="header__logo">
              <img src="./img/logo.png" alt="" id="Logo" />
          </div>
            
          <ul class="header__navigation-big2">
            <li>xiaomi手机</li>
            <li>Redmi 红米</li>
            <li>电视</li>
            <li>笔记本</li>
            <li>平板</li>
            <li>家电</li>
            <li>路由器</li>
            <li>服务</li>
            <li>社区</li>
          </ul>

          <ul class="header__navigation-searchIpt">
            <input type="search" />
            <span class="iconfont icon-Fangdajing"></span>
          </ul>

          <!-- * 预搜索结果展示框 -->
          <ul class="header__search-result">
            <li>&nbsp;&nbsp;&nbsp;&nbsp;全部商品</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;小米手机</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;耳机</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;洗衣机</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;红米</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;显示器</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;冰箱</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;电视</li>
          </ul>

        </div>
      </div>

       <!-- * xiaomi手机 -->
    <div class="header__navigation-menu">
        <ul class="header__menu-box1">
          <li>
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88ae9b85c5f8fbdae2ea98d58a045e1e.png?thumb=1&w=200&h=138&f=webp&q=90"
              alt=""
            />
            <span>Xiaomi Civi 1S</span>
            <span>2299元起</span>
          </li>
          <li>
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/02ac31f8d3848f71617e074e8e50879e.png?thumb=1&w=200&h=138&f=webp&q=90"
              alt=""
            />
            <span>Xiaomi 12 Pro</span>
            <span>4699元起</span>
          </li>
          <li>
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/34eec49ce46adcd4739e60a2b56062fc.png?thumb=1&w=200&h=138&f=webp&q=90"
              alt=""
            />
            <span>Xiaomi 12</span>
            <span>3699元起</span>
          </li>
          <li>
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/075d45f17b32b39c98be850a5592bbee.png?thumb=1&w=200&h=138&f=webp&q=90"
              alt=""
            />
            <span>Xiaomi 12X</span>
            <span>2999元起</span>
          </li>
          <li>
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=200&h=138&f=webp&q=90"
              alt=""
            />
            <span>Xiaomi 11 青春活力版</span>
            <span>1899元起</span>
          </li>
          <li>
            <img
              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8cad77bda138fd94eadbc2ddfced7c56.png?thumb=1&w=200&h=138&f=webp&q=90"
              alt=""
            />
            <span>Xiaomi Civi</span>
            <span>2299元起</span>
          </li>
        </ul>

        <!-- redmi手机 -->
    <ul class="header__menu-box2">
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ae5b5a8e24272dd4cdd77bf6d26954b6.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi 1S</span>
          <span>2299元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/418f4cb7536265cd99bdf8b2e88d1f84.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12 Pro</span>
          <span>4699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8725dc0e5b0def0155a219a1fc316cca.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12</span>
          <span>3699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/348fb8492808c60a48f99b7d18998e59.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12X</span>
          <span>2999元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/29c295274319514bb6d45282502ab01b.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 11 青春活力版</span>
          <span>1899元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7e78629420a392da6fd3e34dae9fac5d.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi</span>
          <span>2299元起</span>
        </li>
      </ul>

      <!-- * 电视 -->
    <ul class="header__menu-box3">
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6511d77270e94146c0b1f96b66d8cc58.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi 1S</span>
          <span>2299元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6511d77270e94146c0b1f96b66d8cc58.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12 Pro</span>
          <span>4699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8871821795310769c1d3896c99b12381.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12</span>
          <span>3699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0a1ae5341d2dae66cd42566c60d2d666.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12X</span>
          <span>2999元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/932b583c6eccd8aabfa0771f8a854940.jpg?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 11 青春活力版</span>
          <span>1899元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea3390a20547c7298a258528e4aa69ad.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi</span>
          <span>2299元起</span>
        </li>
      </ul>

      <!-- * 笔记本 -->
    <ul class="header__menu-box4">
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8e638c7da7a9dd5d7a8a215517ca150e.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi 1S</span>
          <span>2299元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4732fb7e6c170d1438a4554bb702e7ca.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12 Pro</span>
          <span>4699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/789c69b743d9c46a39dd179cefdbce7c.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12</span>
          <span>3699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/271ca8f503f72cfe33d282c74a499ebf.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12X</span>
          <span>2999元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/37fcbe3b823c837b6ffe7f59f7aa579e.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 11 青春活力版</span>
          <span>1899元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/02c259d295316579bd896130962e291b.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi</span>
          <span>2299元起</span>
        </li>
      </ul>

      <!-- * 平板 -->
    <ul class="header__menu-box5">
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/33de34a4caf2834a1828dc51203dc922.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi 1S</span>
          <span>2299元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03892b203a6413bcd8ef3f92d77df79c.gif?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12 Pro</span>
          <span>4699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aad55902a2cc64bf0306b004adb14ef7.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12</span>
          <span>3699元起</span>
        </li>
      </ul>
  
      <!-- * 家电 -->
      <ul class="header__menu-box6">
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cbfab8147c1104eea97c7d0f07581237.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi 1S</span>
          <span>2299元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4be9f7bb741c25376594976ea5451842.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12 Pro</span>
          <span>4699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b7a4e3ff7919ca2407ad970b78abd09a.jpg?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12</span>
          <span>3699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/65df9e92c06dcd148de5f0eb13e16ea2.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12X</span>
          <span>2999元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c82798dbbc793c8bd52929dbe86b316f.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 11 青春活力版</span>
          <span>1899元起</span>
        </li>
        </ul>

         <!-- * 路由器 -->
    <ul class="header__menu-box7">
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c1465737a8a6ac8772560dce2ef0a39f.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi Civi 1S</span>
          <span>2299元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2a759fa795d749f0538cfd2a15890027.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12 Pro</span>
          <span>4699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/54de949334c3d794a6ca55b76e4bb379.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12</span>
          <span>3699元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2815a0a208be362cba673aae9a1f9c93.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 12X</span>
          <span>2999元起</span>
        </li>
        <li>
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa1e0a4860cf40d34e1192d86691c82c.png?thumb=1&w=200&h=138&f=webp&q=90"
            alt=""
          />
          <span>Xiaomi 11 青春活力版</span>
          <span>1899元起</span>
        </li> 
      </ul>
        </div>

        <!-- * 导航栏列表 -->
    <div class="header__navList-big">
        <div class="header__navList-box">
          <ul class="header__navList">
            <li>手机<span class="iconfont icon-icon-keyboard"></span></li>
            <li>电视<span class="iconfont icon-icon-keyboard"></span></li>
            <li>笔记本 平板<span class="iconfont icon-icon-keyboard"></span></li>
            <li>家电<span class="iconfont icon-icon-keyboard"></span></li>
            <li>出行 穿戴<span class="iconfont icon-icon-keyboard"></span></li>
            <li>智能 路由器<span class="iconfont icon-icon-keyboard"></span></li>
            <li>电源 配件<span class="iconfont icon-icon-keyboard"></span></li>
            <li>健康 儿童<span class="iconfont icon-icon-keyboard"></span></li>
            <li>耳机 音箱<span class="iconfont icon-icon-keyboard"></span></li>
            <li>生活 箱包<span class="iconfont icon-icon-keyboard"></span></li>
          </ul>
        </div>
  
        <div class="header__slideshow-box">
          <!-- 轮播图 -->
          <ul class="header__slideshow">
            <li style="opacity: 1"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9c98d4ee217c03042cdaaef7226ffd37.jpg?w=2452&h=920" alt="" /></li>
            <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b717c9c84e44409496e993ed6b526c05.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="" /></li>
            <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9721d9d8b6ee711d975c93b34f6a95ca.png?thumb=1&w=1533&h=575&f=webp&q=90" alt="" /></li>
            <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b158441e01e7acd9ad27a49bbac4c0fa.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="" /></li>
          </ul>

          <!-- * 翻页按钮 -->
          <button class="header__slideshow-rightBtn">&gt;</button>
          <button class="header__slideshow-leftBtn">&lt;</button>
          
          <!-- * 小圆点 -->
          <ul class="header__slideshow-dots">
            <li class="li1" style="background-color: blue"></li>
            <li class="li2"></li>
            <li class="li3"></li>
            <li class="li4"></li>
          </ul>

          <!-- * 暂停按钮 -->
          <ul class="header__slideshow-status">
            <li class="li1" style="display: block">
              <span class="iconfont icon-zanting start"></span>
            </li>
            <li class="li2" style="color: #fff">
              <span class="iconfont icon-zanting1 stop"></span>
            </li>
          </ul>

        </div>

        <!-- * 导航栏列表的二级菜单 -->
        <!-- ? 手机 -->
        <div class="header__navList-menu">
          <ul class="header__navList-box1">
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/58eff3ffcf8df68e9ee8bbf90f1e8fa9.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>黑鲨5 Pro</span>
            </li>
          </ul>

          <!-- ? 电视 -->
          <ul class="header__navList-box2">
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b656495821144d92bd932d91eedcf659.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi智能电视X55</span>
            </li>
          </ul>

          <!-- ? 笔记本 -->
          <ul class="header__navList-box3">
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08623078b19af34e76eff407c418d384.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Redmi Book Pro</span>
            </li>
          </ul>
      
          <!-- ? 家电 -->
          <ul class="header__navList-box4">
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/603beb09930e32addd1b362bf43c7ac2.jpg?thumb=1&w=50&h=50" alt="">
              <span>扫地机器人</span>
            </li>
          </ul>
      
          <!-- ? 穿戴 -->
          <ul class="header__navList-box5">
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8f0da517177fd03bb14e1f2ef3b448b.jpg?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Xiaomi Watch S1</span>
            </li>
          </ul>
      
          <!-- ? 智能 -->
          <ul class="header__navList-box6">
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c5a536995472fde3a919222adab2778.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>Cy ber Dog</span>
            </li>
          </ul>
      
          <!-- ? 电源 -->
          <ul class="header__navList-box7">
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/864bcd18999a7b0fe22365f7ea7909e0.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>充电器</span>
            </li>
          </ul>
      
          <!-- ? 健康 -->
          <ul class="header__navList-box8">
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
            <li>
              <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/15447769c461fdc71e84a7badb83f09b.jpg?thumb=1&w=50&h=50" alt="">
              <span>牙刷</span>
            </li>
          </ul>
      
          <!-- ? 耳机 -->
          <ul class="header__navList-box9">
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3eefd81174858e0300c66c8421a553a4.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>蓝牙耳机</span>
            </li>
          </ul>
      
          <!-- ? 生活 -->
          <ul class="header__navList-box10">
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
            <li>
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ac95ad25bb8f6391abcb937b03c1743.png?thumb=1&w=50&h=50&f=webp&q=90" alt="">
              <span>米兔</span>
            </li>
          </ul>
    </div>
    </header>

    <!-- ***************** -->
    <content>
      <aside>
        <!-- *侧边栏 -->
  <ul class="content__aside-sidebar">
    <li class="iconfont icon-phone"><br><span>手机APP</span></li>
    <li class="iconfont icon-ren"><br><span>个人中心</span></li>
    <li class="iconfont icon-tools"><br><span>售后服务</span></li>
    <li class="iconfont icon-kefu"><br><span>人工客服</span></li>
    <li class="iconfont icon-shoppingcart goCart-btn2"><br><span>购物车</span></li>
  </ul>

  <!-- *返回顶部 -->
  <div class="content__aside-toTop">
    <span class="iconfont icon-shuangshangjiantou-"></span>
  </div>

  <!-- *轮播图下一行 -->
  <div class="content__aside-new">
    <ul class="content__aside-primary">
      <li class="iconfont icon-shizhong"><br><span>保障服务</span></li>
      <li class="iconfont icon-qiye"><br><span>企业团购</span></li>
      <li class="iconfont icon-F"><br><span>F码通道</span></li>
      <li class="iconfont icon-sim"><br><span>米粉卡</span></li>
      <li class="iconfont icon-duoxunhuan"><br><span>以旧换新</span></li>
      <li class="iconfont icon-huafei"><br><span>话费充值</span></li>
    </ul>

    <ul class="content__aside-sub">
      <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ab8e5096ac6f08bd632e4d5a15d1792.jpg?w=632&h=340" alt=""></li>
      <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c5f019908e21571fe48fdad0ebf79249.jpg?w=632&h=340" alt=""></li>
      <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340" alt=""></li>
    </ul>
  </div>
      </aside>

      <!-- ! 隔断 -->
      <div class="cutOff"></div>

      <!-- ***** -->
      <main class="main">
        <!-- ? 海报 -->
        <ul class="main-poster1">
          <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0e2b43800d3e1ef40470ac04b3e0140b.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="">
        </ul>


    <!-- ? 商品 -->
    <ul class="main__primary-title">
      <li>商品</li>

      <span class="addBtn">ADD</span>

    <div class="addCommodity-box">
        商品名称:<input type="text"><br><br>
        商品价格:<input type="text"><br><br>
        商品图片:<input type="text"><br><br>
        商品详情:<input type="text"><br><br>
        <input type="button" value="添加商品">
    </div>

    <div class="editCommodity-box">
        商品名称:<input type="text"><br><br>
        商品价格:<input type="text"><br><br>
        商品图片:<input type="text"><br><br>
        商品详情:<input type="text"><br><br>
        <input type="button" value="修改商品">
    </div>

    </ul>
    <ul class="main__primary-commodity2">
      <li>

      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
       
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
    
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
       
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
        
      </li>
      <li>
       
      </li>
    </ul>

  <!-- ? 海报 -->
  <ul class="main-poster2">
    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="">
  </ul>

  <!-- ? 视频 -->
  <ul class="main__primary-title">
    <li class="main__li-title">视频</li>
    <li>查看全部<span class="iconfont icon-icon-keyboard"></span></li>
  </ul>
  <ul class="main__primary-video">
    <li>
      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&w=370&h=225&f=webp&q=90" alt=""><br>
      <span class="iconfont icon-zanting1 span-play"></span><br>
      <span>2021年春季新品发布会第一场</span>
    </li>
    <li>
      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=370&h=225&f=webp&q=90" alt=""><br>
      <span class="iconfont icon-zanting1 span-play"></span><br>
      <span>Redmi 10X系列发布会</span>
    </li>
    <li>
      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=370&h=225&f=webp&q=90" alt=""><br>
      <span class="iconfont icon-zanting1 span-play"></span><br>
      <span>小米10 青春版 发布会</span>
    </li>
    <li>
      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=370&h=225&f=webp&q=90" alt=""><br>
      <span class="iconfont icon-zanting1 span-play"></span><br>
      <span>小米10 8K 手机拍大片</span>
    </li>
  </ul>
      </main>
    </content>

    <footer class="footer">
      <ul class="footer__serve-box">
        <li class="iconfont icon-tools">&nbsp;&nbsp;预约维修服务<span>|</span></li>
        <li class="iconfont icon-7tiantuihuanhuo">&nbsp;&nbsp;7天无理由退货<span>|</span></li>
        <li class="iconfont icon-15tianwuliyoutuihuo">&nbsp;&nbsp;15天免费换货<span>|</span></li>
        <li class="iconfont icon-gift">&nbsp;&nbsp;满69包邮<span>|</span></li>
        <li class="iconfont icon-weizhi">&nbsp;&nbsp;520余家售后网点</li>
      </ul>
    </footer>


    <!-- todo 引入js文件 -->
    <!-- ! 布局效果 -->
    <script src="./js/_header.js"></script>
    <!-- ! 交互效果 -->
    <script src="./js/_interaction.js"></script>

    <script src="./js/index.js"></script>
  </body>
</html>
